import React from 'react'
import {Drawer} from 'antd';
import styled from 'styled-components';
import { ArrowLeftOutlined } from '@ant-design/icons';
const DrawerStyle = styled(Drawer)`
   .drill-content {
    background-color: #ccc;
   }
`
const CloseIconStyle = styled.div`
   
    border-radius: 50%;
    background-color: #fff ;
    padding: 5px;
    color: rgb(77, 168, 255);
`
export default function DrillDow({
    drillVisible,
    handlDrillVisible}) {
  return (
     <DrawerStyle
        open={drillVisible}
        onClose={() => handlDrillVisible(false)}
        title="下钻页"
        width={"100%"}
        closeIcon={
            <CloseIconStyle>
                <ArrowLeftOutlined />
            </CloseIconStyle>
        }
     >
        <div className='drill-content'>下钻页</div>
     </DrawerStyle>
  )
}
